<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>按钮 | AppStart - Admin Template</title>
        <!-- Mobile specific metas -->
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <!-- Force IE9 to render in normal mode -->
        <!--[if IE]><meta http-equiv="x-ua-compatible" content="IE=9" /><![endif]-->
        <meta name="author" content="SuggeElson" />
        <meta name="description" content="AppStart admin template - new premium responsive admin template. This template is designed to help you build the site administration without losing valuable time.Template contains all the important functions which must have one backend system.Build on great twitter boostrap framework"
        />
        <meta name="keywords" content="admin, admin template, admin theme, responsive, responsive admin, responsive admin template, responsive theme, themeforest, 960 grid system, grid, grid theme, liquid, jquery, administration, administration template, administration theme, mobile, touch , responsive layout, boostrap, twitter boostrap"
        />
        <meta name="application-name" content="AppStart admin template" />
        <!-- Import google fonts - Heading first/ text second -->
        <link href='http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,700' rel='stylesheet' type='text/css'>
        <!-- Css files -->
        <!-- Icons -->
        <link href="assets/css/icons.css" rel="stylesheet" />
        <!-- Bootstrap stylesheets (included template modifications) -->
        <link href="assets/css/bootstrap.css" rel="stylesheet" />
        <!-- jQueryUI -->
        <link href="assets/css/appstart-theme/jquery.ui.all.css" rel="stylesheet" />
        <!-- Plugins stylesheets (all plugin custom css) -->
        <link href="assets/css/plugins.css" rel="stylesheet" />
        <!-- Main stylesheets (template main css file) -->
        <link href="assets/css/main.css" rel="stylesheet" />
        <!-- Custom stylesheets ( Put your own changes here ) -->
        <link href="assets/css/custom.css" rel="stylesheet" />
        <!-- Fav and touch icons -->
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/img/ico/apple-touch-icon-144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/img/ico/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/img/ico/apple-touch-icon-72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="assets/img/ico/apple-touch-icon-57-precomposed.png">
        <link rel="icon" href="assets/img/ico/favicon.ico" type="image/png">
        <!-- Windows8 touch icon ( http://www.buildmypinnedsite.com/ )-->
        <meta name="msapplication-TileColor" content="#3399cc" />
    </head>
    <body class="ovh">
        <div id="preloader">
            <div id="preloader-logo">
                <img src="assets/img/preloader-logo.png" alt="Logo">
            </div>
            <div id="preloader-icon">
                <i class="im-spinner icon-spin"></i>
            </div>
        </div>
		<div id="header">
            <div class="container-fluid">
                <div class="navbar">
                    <div class="navbar-header">
                        <!-- Show navigation toggle on phones -->
                        
                        <!-- Show logo for large screens and laptops -->
                        <a class="navbar-brand visible-lg visible-md" href="index.html">
                            <img src="assets/img/logo.png" alt="Jump start">
                        </a>
                        <!-- Show logo for small screens -->
                       </div>
                    </div>
            </div>
        </div>
        <!-- End #header -->
        <!-- Start #sidebar -->
        <aside id="sidebar">
            <!-- Start .sidebar-inner -->
            <div class="sidebar-inner">
                <!-- Start .toggle-sidebar -->
                <div class="toggle-sidebar">
                    <a href="index.html#"><i class="im-arrow7"></i></a>
                </div>
                <!-- End .toggle-sidebar -->
                <!-- Start .option-buttons -->
                <div class="option-buttons">
                    <div class="option-buttons-inner">
                        <form id="search-nav">
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="Find menu item">
                                <i class="im-search3"></i>
                            </div>
                            <button type="submit" class="btn">submit</button>
                            <a id="close-search-nav" class="close" aria-hidden="true" href="index.html#">&times;</a>
                        </form>
                        <a href="index.html#" class="search-in-menu btn btn-default btn-sm tip" title="搜索导航"><i class="im-search3"></i></a>
                        <a href="index.html#" class="expand-subs btn btn-default btn-sm tip" title="展开所有菜单"><i class="im-sort2"></i></a>
                        <a href="index.html#" class="mute-sounds btn btn-default btn-sm tip" title="`关闭声音`"><i class="im-volume-medium"></i></a>
                        <a href="index.html#" class="reset-layout btn btn-default btn-sm tip" title="复位面板位置"><i class="im-spinner12"></i></a>
                        <a href="index.html#" class="launch-fullscreen btn btn-default btn-sm tip" title="全屏幕"><i class="im-expand"></i></a>
                    </div>
                </div>
                <!-- End .option-buttons -->
                <!-- Start .sidebar-scrollarea -->
                <div class="sidebar-scrollarea">
                    <h5 class="sidebar-title">导航栏</h5>
                    <ul id="sideNav" class="nav nav-pills nav-stacked">
                        <li>
                            <a href="index.html#"><i class="im-list4"></i> <span class="txt">表单</span></a>
                            <ul class="sub">
                                <li><a href="form-layout.html"><i class="im-arrow-right3"></i> <span class="txt">表单布局</span></a>
                                </li>
                                <li><a href="form-elements.html"><i class="im-arrow-right3"></i> <span class="txt">表单元素</span></a>
                                </li>
                                <li><a href="form-wizard.html"><i class="im-arrow-right3"></i> <span class="txt">表单向导</span></a>
                                </li>
                                <li><a href="form-validation.html"><i class="im-arrow-right3"></i> <span class="txt">表单校验</span></a>
                                </li>
                                <li><a href="form-wysiwyg.html"><i class="im-arrow-right3"></i> <span class="txt">所见即所得编辑</span></a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="index.html#"><i class="im-table2"></i> <span class="txt">表格</span></a>
                            <ul class="sub">
                                <li><a href="tables.html"><i class="im-arrow-right3"></i> <span class="txt">静态表格</span></a>
                                </li>
                                <li><a href="tables-data.html"><i class="im-arrow-right3"></i> <span class="txt">数据表格</span></a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="index.html#"><i class="im-cube"></i> <span class="txt">界面元素</span></a>
                            <ul class="sub">
                                <li><a href="icons.html"><i class="im-arrow-right3"></i> <span class="txt">图标</span></a>
                                </li>
                                <li><a href="panels.html"><i class="im-arrow-right3"></i> <span class="txt">面板</span></a>
                                </li>
                                <li><a href="buttons.html"><i class="im-arrow-right3"></i> <span class="txt">按钮</span></a>
                                </li>
                                <li><a href="typo.html"><i class="im-arrow-right3"></i> <span class="txt">排版</span></a>
                                </li>
                                <li><a href="notifications.html"><i class="im-arrow-right3"></i> <span class="txt">通知</span></a>
                                </li>
                                <li><a href="tabs.html"><i class="im-arrow-right3"></i> <span class="txt">标签和折叠</span></a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <div class="clearfix"></div>
                </div>
                <!-- End .sidebar-scrollarea -->
            </div>
            <!-- End .sidebar-inner -->
        </aside>
        <!-- Start #right-sidebar -->
        <!-- Start #content -->
        <div id="content">
            <!-- Start .content-wrapper -->
            <div class="content-wrapper">
                <div id="page-heading" class="page-header">
                    <h2><i class="icon im-play3"></i>按钮</h2>
                    <!-- Start .bredcrumb -->
                    <ul id="crumb" class="breadcrumb">
                    </ul>
                    <!-- End .breadcrumb -->
                </div>
                <!-- Start .content-inner -->
                <div class="content-inner">
                    <!-- Start .row -->
                    <div class="row">
                        <div class="col-md-6 col-sm-12 sortable-layout">
                            <!-- col-md-6 start here -->
                            <div class="panel panel-default plain toggle panelMove panelClose panelRefresh">
                                <!-- Start .panel -->
                                <div class="panel-heading">
                                    <h4 class="panel-title">基本按钮</h4>
                                </div>
                                <div class="panel-body">
                                    <button type="button" class="btn btn-default mr5 mb10">默认</button>
                                    <button type="button" class="btn btn-primary mr5 mb10">首要</button>
                                    <button type="button" class="btn btn-success mr5 mb10">成功</button>
                                    <button type="button" class="btn btn-danger mr5 mb10">危险</button>
                                    <button type="button" class="btn btn-warning mr5 mb10">警告</button>
                                    <button type="button" class="btn btn-info mr5 mb10">信息</button>
                                    <button type="button" class="btn btn-brown mr5 mb10">棕色</button>
                                    <button type="button" class="btn btn-teal mr5 mb10">蓝绿色</button>
                                    <button type="button" class="btn btn-dark mr5 mb10">黑色</button>
                                    <button type="button" class="btn btn-yellow mr5 mb10">黄色</button>
                                    <button type="button" class="btn btn-purple mr5 mb10">紫色</button>
                                    <button type="button" class="btn btn-pink mr5 mb10">粉红</button>
                                    <button type="button" class="btn btn-lime mr5 mb10">石灰</button>
                                    <button type="button" class="btn btn-magenta mr5 mb10">品红</button>
                                    <button type="button" class="btn btn-white mr5 mb10">白色</button>
                                    <button type="button" class="btn btn-link mr5 mb10">链接</button>
                                </div>
                            </div>
                            <!-- End .panel -->
                            <div class="panel panel-danger plain toggle panelMove panelClose panelRefresh">
                                <!-- Start .panel -->
                                <div class="panel-heading">
                                    <h4 class="panel-title">另类风格</h4>
                                </div>
                                <div class="panel-body">
                                    <button type="button" class="btn btn-default btn-alt mr5 mb10">默认</button>
                                    <button type="button" class="btn btn-primary btn-alt mr5 mb10">首要</button>
                                    <button type="button" class="btn btn-success btn-alt mr5 mb10">成功</button>
                                    <button type="button" class="btn btn-danger btn-alt mr5 mb10">危险</button>
                                    <button type="button" class="btn btn-warning btn-alt mr5 mb10">警告</button>
                                    <button type="button" class="btn btn-info btn-alt mr5 mb10">信息</button>
                                    <button type="button" class="btn btn-brown btn-alt mr5 mb10">棕色</button>
                                    <button type="button" class="btn btn-teal btn-alt mr5 mb10">蓝绿色</button>
                                    <button type="button" class="btn btn-dark btn-alt mr5 mb10">黑色</button>
                                    <button type="button" class="btn btn-yellow btn-alt mr5 mb10">黄色</button>
                                    <button type="button" class="btn btn-purple btn-alt mr5 mb10">紫色</button>
                                    <button type="button" class="btn btn-pink btn-alt mr5 mb10">粉红</button>
                                    <button type="button" class="btn btn-lime btn-alt mr5 mb10">石灰</button>
                                    <button type="button" class="btn btn-magenta btn-alt mr5 mb10">品红</button>
                                    <button type="button" class="btn btn-white btn-alt mr5 mb10">白色</button>
                                    <button type="button" class="btn btn-link btn-alt mr5 mb10">链接</button>
                                </div>
                            </div>
                            <!-- End .panel -->
                            <div class="panel panel-brown plain toggle panelMove panelClose panelRefresh">
                                <!-- Start .panel -->
                                <div class="panel-heading">
                                    <h4 class="panel-title">禁用按钮</h4>
                                </div>
                                <div class="panel-body">
                                    <button type="button" class="btn btn-primary mr5 mb10 disabled">首要的</button>
                                    <button type="button" class="btn btn-danger btn-alt mr5 mb10 disabled">危险 改变</button>
                                    <button type="button" class="btn btn-success btn-round mr5 mb10 disabled">一</button>
                                    <button type="button" class="btn btn-info btn-left mr5 mb10 disabled">左边</button>
                                    <button type="button" class="btn btn-warning btn-right mr5 mb10 disabled">右边</button>
                                    <button type="button" class="btn btn-pink btn-block disabled">块 按钮</button>
                                </div>
                            </div>
                            <!-- End .panel -->
                            <div class="panel panel-purple plain toggle panelMove panelClose panelRefresh">
                                <!-- Start .panel -->
                                <div class="panel-heading">
                                    <h4 class="panel-title">按钮组</h4>
                                </div>
                                <div class="panel-body">
                                    <div class="btn-group">
                                        <button type="button" class="btn btn-default">左边</button>
                                        <button type="button" class="btn btn-default">中间</button>
                                        <button type="button" class="btn btn-default">右边</button>
                                    </div>
                                    <div class="page-header">
                                        <h5>按钮工具条</h5>
                                    </div>
                                    <div class="btn-toolbar" role="toolbar">
                                        <div class="btn-group">
                                            <button type="button" class="btn btn-default">一</button>
                                            <button type="button" class="btn btn-default">二</button>
                                            <button type="button" class="btn btn-default">三</button>
                                            <button type="button" class="btn btn-default">四</button>
                                        </div>
                                        <div class="btn-group">
                                            <button type="button" class="btn btn-default">五</button>
                                            <button type="button" class="btn btn-default">六</button>
                                            <button type="button" class="btn btn-default">七</button>
                                        </div>
                                        <div class="btn-group">
                                            <button type="button" class="btn btn-default">八</button>
                                        </div>
                                    </div>
                                    <div class="page-header">
                                        <h5>垂直变化</h5>
                                    </div>
                                    <div class="btn-group-vertical">
                                        <button type="button" class="btn btn-default">左边</button>
                                        <button type="button" class="btn btn-default">中间</button>
                                        <button type="button" class="btn btn-default">右边</button>
                                    </div>
                                    <div class="page-header">
                                        <h5>对齐按钮组</h5>
                                    </div>
                                    <div class="btn-group btn-group-justified">
                                        <a class="btn btn-default" role="button">左边</a>
                                        <a class="btn btn-default" role="button">中间</a>
                                        <a class="btn btn-default" role="button">右边</a>
                                    </div>
                                    <div class="page-header">
                                        <h5>分选</h5>
                                    </div>
                                    <div class="btn-toolbar mb10" role="toolbar">
                                        <div class="btn-group btn-group-lg">
                                            <button type="button" class="btn btn-default">左边</button>
                                            <button type="button" class="btn btn-default">中间</button>
                                            <button type="button" class="btn btn-default">右边</button>
                                        </div>
                                    </div>
                                    <div class="btn-toolbar mb10" role="toolbar">
                                        <div class="btn-group">
                                            <button type="button" class="btn btn-default">左边</button>
                                            <button type="button" class="btn btn-default">中间</button>
                                            <button type="button" class="btn btn-default">右边</button>
                                        </div>
                                    </div>
                                    <div class="btn-toolbar mb10" role="toolbar">
                                        <div class="btn-group btn-group-sm">
                                            <button type="button" class="btn btn-default">左边</button>
                                            <button type="button" class="btn btn-default">中间</button>
                                            <button type="button" class="btn btn-default">右边</button>
                                        </div>
                                    </div>
                                    <div class="btn-toolbar" role="toolbar">
                                        <div class="btn-group btn-group-xs">
                                            <button type="button" class="btn btn-default">左边</button>
                                            <button type="button" class="btn btn-default">中间</button>
                                            <button type="button" class="btn btn-default">右边</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- End .panel -->
                        </div>
                        <!-- col-md-6 end here -->
                        <div class="col-md-6 col-sm-12 sortable-layout">
                            <!-- col-md-6 start here -->
                            <div class="panel panel-success plain toggle panelMove panelClose panelRefresh">
                                <!-- Start .panel -->
                                <div class="panel-heading">
                                    <h4 class="panel-title">不同的尺寸</h4>
                                </div>
                                <div class="panel-body">
                                    <button type="button" class="btn btn-default btn-xs mr5 mb10">默认</button>
                                    <button type="button" class="btn btn-primary btn-sm mr5 mb10">首要</button>
                                    <button type="button" class="btn btn-danger mr5 mb10">危险</button>
                                    <button type="button" class="btn btn-success btn-lg mr5 mb10">成功</button>
                                </div>
                            </div>
                            <!-- End .panel -->
                            <div class="panel panel-primary plain toggle panelMove panelClose panelRefresh">
                                <!-- Start .panel -->
                                <div class="panel-heading">
                                    <h4 class="panel-title">块按钮</h4>
                                </div>
                                <div class="panel-body">
                                    <button type="button" class="btn btn-default btn-block mb10">默认</button>
                                    <button type="button" class="btn btn-primary btn-block mb10">首要</button>
                                    <button type="button" class="btn btn-success btn-block">成功</button>
                                </div>
                            </div>
                            <!-- End .panel -->
                            <div class="panel panel-pink plain toggle panelMove panelClose panelRefresh">
                                <!-- Start .panel -->
                                <div class="panel-heading">
                                    <h4 class="panel-title">不同的形状</h4>
                                </div>
                                <div class="panel-body">
                                    <button type="button" class="btn btn-default btn-xs btn-round mr5 mb10">一</button>
                                    <button type="button" class="btn btn-primary btn-sm btn-round mr5 mb10">二</button>
                                    <button type="button" class="btn btn-danger btn-round mr5 mb10">三</button>
                                    <button type="button" class="btn btn-success btn-lg btn-round mr5 mb10">四</button>
                                    <button type="button" class="btn btn-default btn-xs btn-alt btn-round mr5 mb10">一</button>
                                    <button type="button" class="btn btn-primary btn-sm btn-alt btn-round mr5 mb10">二</button>
                                    <button type="button" class="btn btn-danger btn-alt btn-round mr5 mb10">三</button>
                                    <button type="button" class="btn btn-success btn-lg btn-alt btn-round mr5 mb10">四</button>
                                    <br>
                                    <button type="button" class="btn btn-default btn-left btn-xs mr5 mb10">左边按钮</button>
                                    <button type="button" class="btn btn-primary btn-left btn-sm mr5 mb10">左边按钮</button>
                                    <button type="button" class="btn btn-success btn-left mr5 mb10">左边按钮</button>
                                    <button type="button" class="btn btn-info btn-left btn-lg mr5 mb10">左边按钮</button>
                                    <br>
                                    <button type="button" class="btn btn-default btn-right btn-xs ml5 mb10">右边按钮</button>
                                    <button type="button" class="btn btn-primary btn-right btn-sm ml5 mb10">右边按钮</button>
                                    <button type="button" class="btn btn-success btn-right ml5 mb10">右边按钮</button>
                                    <button type="button" class="btn btn-info btn-right btn-lg ml5 mb10">右边按钮</button>
                                </div>
                            </div>
                            <!-- End .panel -->
                            <div class="panel panel-lime plain toggle panelMove panelClose panelRefresh">
                                <!-- Start .panel -->
                                <div class="panel-heading">
                                    <h4 class="panel-title">按钮的下拉菜单</h4>
                                </div>
                                <div class="panel-body">
                                    <div class="btn-group dropdown mb10 mr10">
                                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                                            默认
                                            <span class="caret"></span>
                                        </button>
                                        <ul class="dropdown-menu right" role="menu">
                                            <li>
                                                <a href="buttons.html#">动作</a>
                                            </li>
                                            <li>
                                                <a href="buttons.html#">另一个动作</a>
                                            </li>
                                            <li>
                                                <a href="buttons.html#">其它的这里</a>
                                            </li>
                                            <li class="divider"></li>
                                            <li>
                                                <a href="buttons.html#">分开链接</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- /btn-group -->
                                    <div class="btn-group dropdown mb10 mr10">
                                        <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
                                            主要的
                                            <span class="caret"></span>
                                        </button>
                                        <ul class="dropdown-menu left" role="menu">
                                            <li>
                                                <a href="buttons.html#">动作</a>
                                            </li>
                                            <li>
                                                <a href="buttons.html#">另一个动作</a>
                                            </li>
                                            <li>
                                                <a href="buttons.html#">其它的这里</a>
                                            </li>
                                            <li class="divider"></li>
                                            <li>
                                                <a href="buttons.html#">分开链接</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- /btn-group -->
                                    <div class="btn-group dropdown mb10 mr10">
                                        <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown">
                                            成功
                                            <span class="caret"></span>
                                        </button>
                                        <ul class="dropdown-menu" role="menu">
                                            <li>
                                                <a href="buttons.html#">动作</a>
                                            </li>
                                            <li>
                                                <a href="buttons.html#">另一个动作</a>
                                            </li>
                                            <li>
                                                <a href="buttons.html#">其它的这里</a>
                                            </li>
                                            <li class="divider"></li>
                                            <li>
                                                <a href="buttons.html#">分开链接</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- /btn-group -->
                                    <div class="btn-group dropdown mb10 mr10">
                                        <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">
                                            信息
                                            <span class="caret"></span>
                                        </button>
                                        <ul class="dropdown-menu" role="menu">
                                            <li>
                                                <a href="buttons.html#">动作</a>
                                            </li>
                                            <li>
                                                <a href="buttons.html#">另一个动作</a>
                                            </li>
                                            <li>
                                                <a href="buttons.html#">其它的这里</a>
                                            </li>
                                            <li class="divider"></li>
                                            <li>
                                                <a href="buttons.html#">分开链接</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- /btn-group -->
                                    <div class="btn-group dropdown mb10 mr10">
                                        <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown">
                                            警告
                                            <span class="caret"></span>
                                        </button>
                                        <ul class="dropdown-menu" role="menu">
                                            <li>
                                                <a href="buttons.html#">动作</a>
                                            </li>
                                            <li>
                                                <a href="buttons.html#">另一个动作</a>
                                            </li>
                                            <li>
                                                <a href="buttons.html#">其它的这里</a>
                                            </li>
                                            <li class="divider"></li>
                                            <li>
                                                <a href="buttons.html#">分开链接</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- /btn-group -->
                                    <div class="btn-group dropdown mb10">
                                        <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
                                            危险
                                            <span class="caret"></span>
                                        </button>
                                        <ul class="dropdown-menu" role="menu">
                                            <li>
                                                <a href="buttons.html#">动作</a>
                                            </li>
                                            <li>
                                                <a href="buttons.html#">另一个动作</a>
                                            </li>
                                            <li>
                                                <a href="buttons.html#">其它的这里</a>
                                            </li>
                                            <li class="divider"></li>
                                            <li>
                                                <a href="buttons.html#">分开链接</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- /btn-group -->
                                    <div class="page-header">
                                        <h5>拆分按钮</h5>
                                    </div>
                                    <div class="btn-group mr10 mb10">
                                        <button type="button" class="btn btn-default">默认</button>
                                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                                            <span class="caret"></span>
                                            <span class="sr-only">切换下拉</span>
                                        </button>
                                        <ul class="dropdown-menu" role="menu">
                                            <li>
                                                <a href="buttons.html#">动作</a>
                                            </li>
                                            <li>
                                                <a href="buttons.html#">另一个动作</a>
                                            </li>
                                            <li>
                                                <a href="buttons.html#">其它的这里</a>
                                            </li>
                                            <li class="divider"></li>
                                            <li>
                                                <a href="buttons.html#">分开链接</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- /btn-group -->
                                    <div class="btn-group mr10 mb10">
                                        <button type="button" class="btn btn-primary">首要的</button>
                                        <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
                                            <span class="caret"></span>
                                            <span class="sr-only">切换下拉</span>
                                        </button>
                                        <ul class="dropdown-menu" role="menu">
                                            <li>
                                                <a href="buttons.html#">动作</a>
                                            </li>
                                            <li>
                                                <a href="buttons.html#">另一个动作</a>
                                            </li>
                                            <li>
                                                <a href="buttons.html#">其它的这里</a>
                                            </li>
                                            <li class="divider"></li>
                                            <li>
                                                <a href="buttons.html#">分开链接</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- /btn-group -->
                                    <div class="btn-group mr10 mb10">
                                        <button type="button" class="btn btn-success">成功</button>
                                        <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown">
                                            <span class="caret"></span>
                                            <span class="sr-only">切换下拉</span>
                                        </button>
                                        <ul class="dropdown-menu" role="menu">
                                            <li>
                                                <a href="buttons.html#">动作</a>
                                            </li>
                                            <li>
                                                <a href="buttons.html#">另一个动作</a>
                                            </li>
                                            <li>
                                                <a href="buttons.html#">其它的这里</a>
                                            </li>
                                            <li class="divider"></li>
                                            <li>
                                                <a href="buttons.html#">分开链接</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- /btn-group -->
                                    <div class="btn-group mr10 mb10">
                                        <button type="button" class="btn btn-info">信息</button>
                                        <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">
                                            <span class="caret"></span>
                                            <span class="sr-only">切换下拉</span>
                                        </button>
                                        <ul class="dropdown-menu" role="menu">
                                            <li>
                                                <a href="buttons.html#">动作</a>
                                            </li>
                                            <li>
                                                <a href="buttons.html#">另一个动作</a>
                                            </li>
                                            <li>
                                                <a href="buttons.html#">其它的这里</a>
                                            </li>
                                            <li class="divider"></li>
                                            <li>
                                                <a href="buttons.html#">分开链接</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- /btn-group -->
                                    <div class="btn-group mr10 mb10">
                                        <button type="button" class="btn btn-warning">警告</button>
                                        <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown">
                                            <span class="caret"></span>
                                            <span class="sr-only">切换下拉</span>
                                        </button>
                                        <ul class="dropdown-menu" role="menu">
                                            <li>
                                                <a href="buttons.html#">动作</a>
                                            </li>
                                            <li>
                                                <a href="buttons.html#">另一个动作</a>
                                            </li>
                                            <li>
                                                <a href="buttons.html#">其它的这里</a>
                                            </li>
                                            <li class="divider"></li>
                                            <li>
                                                <a href="buttons.html#">分开链接</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- /btn-group -->
                                    <div class="btn-group mr10 mb10">
                                        <button type="button" class="btn btn-danger">危险</button>
                                        <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
                                            <span class="caret"></span>
                                            <span class="sr-only">切换下拉</span>
                                        </button>
                                        <ul class="dropdown-menu" role="menu">
                                            <li>
                                                <a href="buttons.html#">动作</a>
                                            </li>
                                            <li>
                                                <a href="buttons.html#">另一个动作</a>
                                            </li>
                                            <li>
                                                <a href="buttons.html#">其它的这里</a>
                                            </li>
                                            <li class="divider"></li>
                                            <li>
                                                <a href="buttons.html#">分开链接</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="page-header">
                                        <h5>Sizing</h5>
                                    </div>
                                    <div class="btn-group dropdown mb10 mr10">
                                        <button type="button" class="btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown">
                                            默认
                                            <span class="caret"></span>
                                        </button>
                                        <ul class="dropdown-menu right" role="menu">
                                            <li>
                                                <a href="buttons.html#">动作</a>
                                            </li>
                                            <li>
                                                <a href="buttons.html#">另一个动作</a>
                                            </li>
                                            <li>
                                                <a href="buttons.html#">其它的这里</a>
                                            </li>
                                            <li class="divider"></li>
                                            <li>
                                                <a href="buttons.html#">分开链接</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- /btn-group -->
                                    <div class="btn-group dropdown mb10 mr10">
                                        <button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown">
                                            默认
                                            <span class="caret"></span>
                                        </button>
                                        <ul class="dropdown-menu right" role="menu">
                                            <li>
                                                <a href="buttons.html#">动作</a>
                                            </li>
                                            <li>
                                                <a href="buttons.html#">另一个动作</a>
                                            </li>
                                            <li>
                                                <a href="buttons.html#">其它的这里</a>
                                            </li>
                                            <li class="divider"></li>
                                            <li>
                                                <a href="buttons.html#">分开链接</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- /btn-group -->
                                    <div class="btn-group dropdown mb10 mr10">
                                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                                            默认
                                            <span class="caret"></span>
                                        </button>
                                        <ul class="dropdown-menu right" role="menu">
                                            <li>
                                                <a href="buttons.html#">动作</a>
                                            </li>
                                            <li>
                                                <a href="buttons.html#">另一个动作</a>
                                            </li>
                                            <li>
                                                <a href="buttons.html#">其它的这里</a>
                                            </li>
                                            <li class="divider"></li>
                                            <li>
                                                <a href="buttons.html#">分开链接</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- /btn-group -->
                                    <div class="btn-group dropdown mb10 mr10">
                                        <button type="button" class="btn btn-default btn-lg dropdown-toggle" data-toggle="dropdown">
                                            默认
                                            <span class="caret"></span>
                                        </button>
                                        <ul class="dropdown-menu right" role="menu">
                                            <li>
                                                <a href="buttons.html#">动作</a>
                                            </li>
                                            <li>
                                                <a href="buttons.html#">另一个动作</a>
                                            </li>
                                            <li>
                                                <a href="buttons.html#">其它的这里</a>
                                            </li>
                                            <li class="divider"></li>
                                            <li>
                                                <a href="buttons.html#">分开链接</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- /btn-group -->
                                    <div class="page-header">
                                        <h5>上拉</h5>
                                    </div>
                                    <div class="btn-group dropup mr10">
                                        <button type="button" class="btn btn-default">上拉</button>
                                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                                            <span class="caret"></span>
                                            <span class="sr-only">切换下拉</span>
                                        </button>
                                        <ul class="dropdown-menu" role="menu">
                                            <li><a href="buttons.html#">动作</a>
                                            </li>
                                            <li><a href="buttons.html#">另一个动作</a>
                                            </li>
                                            <li><a href="buttons.html#">其它的这里</a>
                                            </li>
                                            <li class="divider"></li>
                                            <li><a href="buttons.html#">分开链接</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="btn-group dropup mr10">
                                        <button type="button" class="btn btn-primary">左上拉</button>
                                        <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
                                            <span class="caret"></span>
                                            <span class="sr-only">切换下拉</span>
                                        </button>
                                        <ul class="dropdown-menu left" role="menu">
                                            <li><a href="buttons.html#">动作</a>
                                            </li>
                                            <li><a href="buttons.html#">另一个动作</a>
                                            </li>
                                            <li><a href="buttons.html#">其它的这里</a>
                                            </li>
                                            <li class="divider"></li>
                                            <li><a href="buttons.html#">分开链接</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="btn-group dropup mr10">
                                        <button type="button" class="btn btn-success">右上拉</button>
                                        <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown">
                                            <span class="caret"></span>
                                            <span class="sr-only">切换下拉</span>
                                        </button>
                                        <ul class="dropdown-menu right" role="menu">
                                            <li><a href="buttons.html#">动作</a>
                                            </li>
                                            <li><a href="buttons.html#">另一个动作</a>
                                            </li>
                                            <li><a href="buttons.html#">其它的这里</a>
                                            </li>
                                            <li class="divider"></li>
                                            <li><a href="buttons.html#">分开链接</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!-- End .panel -->
                            <div class="panel panel-primary plain toggle panelMove panelClose panelRefresh">
                                <!-- Start .panel -->
                                <div class="panel-heading">
                                    <h4 class="panel-title">带图标的</h4>
                                </div>
                                <div class="panel-body">
                                    <button type="button" class="btn btn-default mr5 mb10"><i class="im-home2 mr5"></i>默认</button>
                                    <button type="button" class="btn btn-primary mr5 mb10"><i class="im-clock3 mr5"></i>首要的</button>
                                    <button type="button" class="btn btn-success mr5 mb10"><i class="im-tag5 mr5"></i> 成功</button>
                                    <button type="button" class="btn btn-danger mr5 mb10"><i class="im-cart6 mr5"></i>危险</button>
                                    <button type="button" class="btn btn-warning mr5 mb10"><i class="im-support mr5"></i>警告</button>
                                    <button type="button" class="btn btn-info mr5 mb10"><i class="im-location mr5"></i>信息</button>
                                </div>
                            </div>
                            <!-- End .panel -->
                        </div>
                        <!-- col-md-6 end here -->
                    </div>
                    <!-- End .row -->
                </div>
                <!-- End .content-inner -->
            </div>
            <!-- End .content-wrapper -->
            <div class="clearfix"></div>
        </div>
        <!-- End #content -->
        <!-- Javascripts -->
        <!-- Important javascript libs(put in all pages) -->
        <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
        <script>
        window.jQuery || document.write('<script src="assets/js/libs/jquery-2.1.1.min.js">\x3C/script>')
        </script>
        <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
        <script>
        window.jQuery || document.write('<script src="assets/js/libs/jquery-ui-1.10.4.min.js">\x3C/script>')
        </script>
        <!--[if lt IE 9]>
  <script type="text/javascript" src="assets/js/libs/excanvas.min.js"></script>
  <script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <script type="text/javascript" src="assets/js/libs/respond.min.js"></script>
<![endif]-->
        <!-- Bootstrap plugins -->
        <script src="assets/js/bootstrap/bootstrap.js"></script>
        <!-- Core plugins ( not remove ) -->
        <script src="assets/js/libs/modernizr.custom.js"></script>
        <!-- Handle responsive view functions -->
        <script src="assets/js/jRespond.min.js"></script>
        <!-- Custom scroll for sidebars,tables and etc. -->
        <script src="assets/plugins/core/slimscroll/jquery.slimscroll.min.js"></script>
        <script src="assets/plugins/core/slimscroll/jquery.slimscroll.horizontal.min.js"></script>
        <!-- Highlight code blocks -->
        <script src="assets/plugins/misc/highlight/highlight.pack.js"></script>
        <!-- Handle template sounds -->
        <script src="assets/plugins/misc/ion-sound/ion.sound.js"></script>
        <!-- Proivde quick search for many widgets -->
        <script src="assets/plugins/core/quicksearch/jquery.quicksearch.js"></script>
        <!-- Prompt modal -->
        <script src="assets/plugins/ui/bootbox/bootbox.js"></script>
        <!-- Other plugins ( load only nessesary plugins for every page) -->
        <script src="assets/plugins/forms/icheck/jquery.icheck.js"></script>
        <script src="assets/js/jquery.appStart.js"></script>
        <script src="assets/js/app.js"></script>
        <script src="assets/js/pages/blank.js"></script>
        <!-- Google Analytics:  -->
        <script>
        (function(i, s, o, g, r, a, m)
        {
            i['GoogleAnalyticsObject'] = r;
            i[r] = i[r] || function()
            {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date();
            a = s.createElement(o),
            m = s.getElementsByTagName(o)[0];
            a.async = 1;
            a.src = g;
            m.parentNode.insertBefore(a, m)
        })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
        ga('create', 'UA-3560057-27', 'auto');
        ga('send', 'pageview');
        </script>
    </body>
</html>